<template lang="html">
  <div class="info_cont01">
    <h4 class="title">
      <span class="mr15">占位单信息</span>
      <span class="order_status01 green">{{ order.HoldOrderStatusName }}</span>
      <a href="" class="blue_btnlink float_right">打印订单</a>
    </h4>
    <div class="sub_info_cont01">
      <table class="table_fix table_gray01">
        <colgroup>
          <col style="width:120px;">
          <col>
        </colgroup>
        <tbody>
          <tr>
            <th class="t_l">产品名称</th>
            <td class="t_l"><a href="#" class="color_blue01">日本东京+迪士尼（Disney）6日自由行【热销迪士尼】2晚度假区+3晚东京市区</a></td>
          </tr>
          <tr>
            <th class="t_l">供应商产品名称</th>
            <td class="t_l"><a href="#" class="color_blue01">日本东京+迪士尼（Disney）6日自由行【热销迪士尼】2晚度假区+3晚东京市区</a></td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="sub_info_cont01 bor_top_02">
      <table class="table_fix table_gray01">
        <colgroup>
          <col style="width:90px;">
          <col>
          <col style="width:90px;">
          <col>
          <col style="width:90px;">
          <col>
          <col style="width:90px;">
          <col>
        </colgroup>
        <tbody>
          <tr>
            <th class="t_l">订单号</th>
            <td class="t_l">43243455</td>
            <th class="t_l">提交日期</th>
            <td class="t_l">2017-1-1</td>
            <th class="t_l">是否包团</th>
            <td class="t_l">否</td>
            <th class="t_l"></th>
            <td class="t_l"></td>
          </tr>
          <tr>
            <th class="t_l">占位单渠道</th>
            <td class="t_l">去哪儿</td>
            <th class="t_l">占位联系人</th>
            <td class="t_l">拉布拉多</td>
            <th class="t_l">联系人手机</th>
            <td class="t_l">+86-186545336</td>
            <th class="t_l">后返值</th>
            <td class="t_l">245 ／ 30%</td>
          </tr>
          <tr>
            <th class="t_l">占位单备注</th>
            <td class="t_l" colspan="7">sssss；成人期望价格：111222,儿童期望价格:6000 注：用户预订特殊需求，如与本预订项目无关，请忽略</td>
          </tr>
        </tbody>
      </table>
    </div>
    <div class="sub_info_cont01 bor_top_02">
      <table class="table_fix table_gray01">
        <colgroup>
          <col style="width:70px;">
          <col style="width:135px;">
          <col style="width:70px;">
          <col style="width:135px;">
          <col style="width:70px;">
          <col style="width:135px;">
          <col style="width:70px;">
          <col>
        </colgroup>
        <tbody>
          <tr>
            <th class="t_l">出发地</th>
            <td class="t_l">{{ order.DepartureCityName }}</td>
            <th class="t_l">出发时期</th>
            <td class="t_l">{{ departureDate }}</td>
            <th class="t_l">返回日期</th>
            <td class="t_l">2017-1-4</td>
            <th class="t_l">订单人数</th>
            <td class="t_l">
              <span class="mr5">6成人</span><span class="mr15">2儿童</span>
            </td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
</template>

<script>
import { mapGetters } from 'vuex'
import moment from 'moment'

export default {
  computed: {
    ...mapGetters({
      order: 'getOrder'
    }),
    departureDate() {
      const order = this.$store.getters.getOrder
      return moment(order.DepartureDate).format('YYYY-MM-DD')
    }
  }
}
</script>

<style lang="css">
</style>
